<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">
<ui:composition>
    <h:form>
        <p:messages showDetail="true" autoUpdate="true" closable="true"/>
        <h:panelGrid columns="2">
            <p:outputLabel value="Your name"/>
            <p:inputText value="#{contactBean.name}" required="true"/>
        </h:panelGrid>
        <br/>
        <p:outputLabel value="Your message"/>
        <br/>
        <p:inputTextarea value="#{contactBean.message}" rows="10" cols="50" required="true"/>
        <br/>
        <p:commandButton value="Send message" actionListener="#{contactBean.send}">
            <f:ajax/>
        </p:commandButton>



    </h:form>
</ui:composition>
</html>
